// https://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
hide-text()
    text-indent: 100%
    white-space: nowrap
    overflow: hidden

// https://codepen.io/shshaw/full/gEiDt
absolute-center(width, height = width)
    // margin: auto
    // position: absolute
    // top: 50%
    // top: 0
    // left: 0
    // bottom: 0
    // right: 0
    // width: width
    // height: height
    // overflow: auto
    width: width
    height: height
    position: absolute
    top: 50%
    left: 50%
    margin-top: width * -0.5
    margin-left: height * -0.5

avoid-column-break()
    vendor("column-break-inside", avoid, only: webkit)
    page-break-inside: avoid // for firefox
    overflow: hidden // fix for firefox
    break-inside: avoid-column
